<include file="Public:head" />
<link href="__PUBLIC__/default/css/home.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.xiantiao{ float:left;}
.center-h{width:504px;}
.center-h .dl{margin:0;}
.center-h .dl .dt{float:left;}
.center-h .dl .banner_title{width:378px; float:left;}
.center-h .dl .banner_title ul{margin:0; padding:5px 0 0 0;}
.center-h .dl .banner_title ul li{margin:0;list-style:none; height:25px; line-height:25px;}
.center-h .dl .banner_title ul li a{color:#DADADA; display:block; height:25px; width:370px;padding-left:0; margin-left:8px;}
.center-h .dl .banner_title ul li a:hover,.center-h .dl .banner_title ul li .slidenow{background:url(/Public/img/li_move.gif) no-repeat;text-decoration:none;font-weight:bold;padding-left:8px; margin-left:0;}
.conter-group .magazine{height:auto; overflow:hidden; text-align:center; padding-bottom:8px;background:url("/Public/default/images/bg-h3.gif") repeat-x scroll 0 0 transparent;}
.conter-group .magazine h4{margin:5px 0;}
.conter-group .magazine p{padding:0 5px; margin:0;font-weight:bold;}
.conter-group .magazine p span{display:inline-block; line-height:25px; margin:5px 10px 0 0;_margin:5px 5px 0 0;}
.conter-group .magazine p span a{display:inline-block;font-weight:bold; color:#ffffff; text-decoration:none;width:82px; height:25px;}
.conter-group .magazine p span a:hover{color:#FF0000;}
</style>
<div id="main">
    <div class="mian-right">
        <div class="conter-right">
        
            <div class="conter-group" style="margin-bottom:5px;">
                <div class="group">Featured City Guide</div>
<volist name="citygui_featured" id="v">
<if condition="$i lt 6">
               <dl class="group-x">
				<dt>
                    <a href="__APP__/ctgs/{$v['id']}/{$v['title']|str_to_url}.html" target="_blank">
                        <img src="{$v['picurl']|toImg=cityguide}" alt="{$v['title']}"/>
                    </a>
                </dt>
				<dd>
					<h4><a href="__APP__/ctgs/{$v['id']}/{$v['title']|str_to_url}.html" target="_blank">{$v['title']}</a></h4>
				</dd>
			</dl>
</if>
</volist>
            </div>
            
            <div class="clear"></div>
            
            <div class="conter-group">
				<div class="group"><a href="__APP__/Magazine/index.html">DateCity e-magazine</a></div>
				<div class="magazine">
                    <h4>{$magazine_index['seotitle']}</h4>
                    <p><img src="{$magazine_index['cover_s']}" width="140" height="170" alt="{$magazine_index['seotitle']}" /><span style="background:url(/Public/img/zine_down.gif) no-repeat;"><a href="__APP__/Magazine/download/vol/{$magazine_index['vol']}.html">Download</a></span>  <span style="background:url(/Public/img/zine_down2.gif) no-repeat;"><a href="{$magazine_index['readurl']}" target="_blank">Read online</a></span>
                    </p>
                </div>
            </div>
            
			<div class="conter-group m10">
            	{$ad['right']}
            </div>
			<div class="clear"></div>
        </div>
        <div class="mian-center-n">
            <div class="neirong-h" style="background:none;">
            <div class="jianbian-h">Editor's Pick</div>
<if condition="$slide">
                <div class="center-h" style="height:250px; padding-top:5px;">
              <script language='javascript'>
var filesarr = new Array();
var linksarr = new Array();
var textsarr = new Array();
var swf_width=506;
var swf_height=250;
var files='';
var links='';
var texts='';

<volist name="slide" id="s">
<if condition="$s['picurl']">
filesarr[{$i}] = "{$s['picurl']}";
linksarr[{$i}] = "__APP__/article/{$s['id']}/{$s['title']|str_to_url}.html";
textsarr[{$i}] ="{$s['title']}";
</if>
</volist>

for(i=1;i<filesarr.length;i++){
    if(files=="") files = filesarr[i]; else files += "|"+filesarr[i];
}
for(i=1;i<linksarr.length;i++){
    if(links=="") links = linksarr[i]; else links += "|"+linksarr[i];
}
for(i=1;i<textsarr.length;i++){
    if(texts=="") texts = textsarr[i]; else texts += "|"+textsarr[i];
}
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ');
document.write('codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" ');
document.write('width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="__PUBLIC__/flash.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="TitleBgPosition=1&bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
document.write('<embed src="__PUBLIC__/flash.swf" wmode="opaque" ');
document.write('FlashVars="TitleBgPosition=1&bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& ');
document.write('menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" ');
document.write('pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>'); 
</script>

                </div>
</if>

                <div class="xiantiao" style="background:none; margin:auto;"></div>
<if condition="$pick8">
                <div class="clear"></div>
                <div class="xinwen-h">
                    <ul>
<volist name="pick8" id="v">
<if condition="$i lt 9">
                        <li>
                            <span>[{$v['typeid']|get_arctype}]</span>
                            <a href="__APP__/{$v['channel']|get_url}/{$v['id']}/{$v['title']|str_to_url}.html" title="{$v['title']}">• {$v['title']}</a>
                        </li>
</if>
</volist>
                    </ul>
                </div>
</if>
                <div class="clear"></div>
            </div>
            <div class="banner" style="margin-bottom:10px;_margin-bottom:5px; height:auto;">
			{$ad['banner']['0']}
            </div>
<div class="property-h">
                <div class="jianbg-h">
                    <ul>
					<li class="post"><a href="__APP__/Cp/my_post_classifieds.html" target="_blank">+ Post a classified</a></li>
					<li id="ch_class_4" class="ch">
                    	<a href="__APP__/classifieds<if condition="$cid">/{$cid}</if>.html">Latest Classifieds</a>
					</li>
                    <li id="ch_class_5" class="ch on">
                    	<a href="__APP__/featured_classifieds<if condition="$cid">/{$cid}</if>.html">Featured Classifieds</a>
                    </li>
                    </ul>
                </div>
                <div class="news-h">
    <if condition="$classifieds_featured">
    	<ul id="ch_info_5" class="cinfo">
    	<volist name="classifieds_featured" id="f">
        	<if condition="$i lt 11">
        	<li><span>[{$f['cid']|get_cityname}]</span>• <a href="__APP__/clss/{$f['id']}/{$f['title']|str_to_url}.html">{$f['title']|String::msubstr=0,60|strtolower}...</a>
            </li>
            </if>
        </volist>
        </ul>
    </if>
	<if condition="$classifieds">
    	<ul id="ch_info_4" class="cinfo" style="display:none;">
    	<volist name="classifieds" id="c">
        	<if condition="$i lt 11">
        	<li><span>[{$c['cid']|get_cityname}]</span>• <a href="__APP__/clss/{$c['id']}/{$c['title']|str_to_url}.html">{$c['title']|String::msubstr=0,60|strtolower}...</a>
            </li>
            </if>
        </volist>
        </ul>
    </if>
                </div>
            </div>
            <div class="banner" style="margin-bottom:10px;_margin-bottom:5px;height:auto; _height:120px;">
            	{$ad['banner']['1']}
            </div>
            <div class="product-h">
                <div class="event-h">
                    <span><a href="__APP__/event/{$cid}.html"> >>more </a></span><span style="float:right; margin-right:10px;">
				<a href="__APP__/Cp/event_create.html" target="_blank">+ Initiate an Event</a></span><a href="__APP__/event/{$cid}.html" title="Events">Events</a>
                </div>
                <div class="magazine-h">
<volist name="event" id="v">
                    <div class="magazine">
                        <dl>
                            <dt>
                                <a href="__APP__/evts/{$v['id']}/{$v['title']|str_to_url}.html"><img src="{$v['picurl']|toImg=event}" alt="{$v['title']}" /></a>
                            </dt>
                            <dd>
                                <span><a href="__APP__/evts/{$v['id']}/{$v['title']|str_to_url}.html">{$v['title']|msubstr=0,45}</a></span>
								{$v['showstart']|toDate='M-d'} / {$v['showend']|toDate='M-d'}
                            </dd>
                        </dl>
                    </div>
</volist>
                </div>
            </div>
            <div class="clear"></div>
<if condition="$ad['banner']['2']">
            <div class="banner" style="margin-bottom:10px;_margin-bottom:5px;height:auto; _height:120px;">
                {$ad['banner']['2']}
            </div>
</if>
            <div class="product-h" style="margin:0;">
                <div class="event-h">
                    <span><a href="__APP__/alist/2004<if condition="$cid">/{$cid}</if>/do_you_know.html">>>more</a> </span>Do You Know?
                </div>
                <div class="backdrop-h">
                    <dl>
                        <dt>
                            <a href="__APP__/article/{$do['id']}/{$do['title']|str_to_url}.html"><img src="{$do['picurl']|picurl}" alt="{$do['title']}" /></a>
                        </dt>
                        <dd>
                            <span><a href="__APP__/article/{$do['id']}/{$do['title']|str_to_url}.html" class="t">{$do['title']}</a></span>
                            {$do['my_content']|String::msubstr=0,400}...
                        </dd>
                    </dl>
                </div>
            </div>
            
            <div class="clear"></div>
			<div class="product-h" style="margin:0;">
                <div class="event-h">
                    <span><a href="__APP__/group.html">>>more</a> </span>Featured Group
                </div>
                <div class="magazine-h">
<volist name="group" id="g">
                    <div class="magazine">
                        <dl>
                            <dt>
                                <a href="__APP__/grps/{$g['id']}/{$g['groupname']|str_to_url}.html"><img src="{$g['pic']|toImg=group}" alt="{$g['groupname']}" /></a>
                            </dt>
                            <dd>
                                <span><a href="__APP__/grps/{$g['id']}/{$g['groupname']|str_to_url}.html">{$g['groupname']}</a></span>
                                Member:{$g['membernum']} / Topic:{$g['threadnum']}
                            </dd>
                        </dl>
                    </div>
</volist>
                </div>
            </div>

        </div>
    </div>
    <div class="main-left">
        <div class="class_tree">
            <include file="Public:classifieds"/>
        </div>
        <div class="class_tree">
            <include file="Public:cityguide"/>
        </div>
        <div class="voices-h">
            <div class="global-h">
               <img src="/Public/img/radio.gif" /> Global Voices
            </div>
            <div class="xuankuan-h">
            <object width="180" height="40" align="" id="audioEQ" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="/Public/img/audioEQ.swf" name="movie"> <param value="transparent" name="wmode"> <param value="high" name="quality"> <embed width="180" height="40" align="" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="audioEQ" quality="high" wmode="transparent" src="/Public/img/audioEQ.swf"></object>
	  <select name="chau" id="chau" style="width:150px; overflow-x:hidden;">
						<option value="0">Select a continent</option>
<volist name="chau" id="v">
						<option value='{$v['ename']}'>{$v['name']}</option>
</volist>
					</select>
                    <select name="country" id="country" style="width:150px; overflow-x:hidden;">
						<option value="0">Select a country/district</option>
					</select>
                    <select name="radio" id="radio" style="width:150px; overflow-x:hidden;">
						<option value="0">Select a radio</option>
					</select>
                <img src="/Public/img/play.png" id="Play"/>
				<a href="/article/66883/play_help.html" style=" color:#EC5E00;">Click here if it can’t play.</a>
            </div>
        </div>
        <div class="left_biz">
        	{$ad['left']}
        </div>
    </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	var radio_url=URL+'/radio'
	$("#chau").change(
		function (){
				var chau_ename=this.value;
				$.get(radio_url,{act:'country',chau:chau_ename},function(data){
					$('#country').html(data);
				});
			}	
	);
	$("#country").change(
		function (){
				var chau_ename=$("#chau").val();
				var country_ename=this.value;
				$.get(radio_url,{act:'radio',country:country_ename,chau:chau_ename},function(data){
					$('#radio').html(data);
				});
			}	
		);
	$('#Play').click(
		function(){
				var url=$("#radio").val();
				if(url!='0'){
					//PopModalWindow(url,50,50);
					window.open(url,'','width=468,height=300');
				}else{
					alert('select radio');
				}
			}
		);
		
	$(".bizshow").mouseover(function (){
		var id=this.id;
		id="#show_"+id;
		$(".hot-h").hide();
		$(id).show();
	});
});
function PopModalWindow(url,width,height){
	var result=window.open(url,"win",'width='+width+',height='+height+',status=no,scroll=no,hide=no,resizable=no,help=no');
	return result;
}
</script>


<include file="Public:foot" />